<div class="modal fade in ip-box large-model step-modal overflow-y-hidden" tabindex="-1" data-keyboard="false" data-backdrop="static"
 role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"
  id={{modalId}}>
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true" (click)="_close()">&times;</button>
        <h4 class="modal-title" id="myModalLabel">{{modalTitle}}</h4>
      </div>
      
      <div class="col-xs-12 line-main clearfix">
        <div class="line">
          <div class="line-del">
            <div class="line-del-item" (click)="stepTo(i+1)" [class.active]="isActive(i)" [style.left]="getLeft(i)" *ngFor="let item of steps;let i = index;">
                {{i+1}}
                <p>{{item.title}}</p>
            </div>
            <div class="line-line animate-time" [style.width]="rate+'%'"></div>
          </div>
        </div>
      </div>
      <div class="line-public"></div>
      <ng-container *ngTemplateOutlet="tmpl?tmpl:defTmpl"></ng-container>

    </div>
  </div>
</div>
<ng-template #defTmpl>
  <div class="line-public"></div>
  <div class="modal-body storage-add-body unset">
    <div class="storage-add-one">
      <div class="col-md-12 col-sm-12 unset">
        <h1>hello</h1>
      </div>
    </div>
  </div>
  <div class="line-public"></div>
  <div class="add-footer">
    <div class="btns-group">
      <button type="submit" class="btn  btn-3a5f72">新增</button>
      <button type="button" class="btn btn-3a5f72" (click)="next()">下一步</button>
      <button type="button" class="btn btn-3a5f72" (click)="previous()">上一步</button>
      <button type="button" class="btn  btn-fff" data-dismiss="modal">取消</button>
    </div>
  </div>
</ng-template>
